<template>
  <!-- 商品发布页面容器 -->
  <div class="publish-goods-container">
    <!-- 使用keep-alive缓存组件状态 -->
    <keep-alive>
      <!-- 发布消息组件，传递商品类型 -->
      <publish-message :ctype="type"></publish-message>
    </keep-alive>
  </div>
</template>

<script>
// 导入发布消息组件
import PublishMessage from "../../../components/message/PublishMessage.vue";

export default {
  data() {
    return {
      type: "goods", // 定义商品类型，传递给子组件
    };
  },
  components: {PublishMessage}, // 注册子组件
  created() {
    // 初始化时更新导航菜单激活状态
    this.$store.commit("updatePublishActiveIndex", "1");
  },
};
</script>

<style lang="less" scoped>
.publish-goods-container {
  min-height: 100%;
  width: 1100px;
  margin: 0 auto;
  background: #fff;
}
</style>


<!--父组件(PublishGoods)通过:ctype="type"将data中的type属性("goods")传递给子组件(PublishMessage)
子组件通过props接收这个值，用于区分当前是发布商品、需求还是知识
这种单向数据流设计使得子组件可以根据不同的type值展示不同的发布表单和逻辑
-->